﻿<phone:PhoneApplicationPage
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:Primitives="clr-namespace:Microsoft.Phone.Controls.Primitives;assembly=Microsoft.Phone"
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
    x:Class="TakePhotoTogether.View.AboutPivot"
    mc:Ignorable="d"
    SupportedOrientations="PortraitOrLandscape"  Orientation="Portrait">
    <toolkit:TransitionService.NavigationInTransition>
        <toolkit:NavigationInTransition>
            <toolkit:NavigationInTransition.Forward>
                <toolkit:TurnstileTransition Mode="ForwardIn"/>
            </toolkit:NavigationInTransition.Forward>
        </toolkit:NavigationInTransition>
    </toolkit:TransitionService.NavigationInTransition>
    <toolkit:TransitionService.NavigationOutTransition>
        <toolkit:NavigationOutTransition>
            <toolkit:NavigationOutTransition.Forward>
                <toolkit:TurnstileTransition Mode="ForwardOut"/>
            </toolkit:NavigationOutTransition.Forward>
        </toolkit:NavigationOutTransition>
    </toolkit:TransitionService.NavigationOutTransition>

    <phone:PhoneApplicationPage.Resources>
		<Style x:Key="PivotStyleAbout" TargetType="phone:Pivot">
			<Setter Property="Margin" Value="0"/>
			<Setter Property="Padding" Value="0"/>
			<Setter Property="Foreground" Value="{StaticResource PhoneForegroundBrush}"/>
			<Setter Property="Background" Value="Transparent"/>
			<Setter Property="ItemsPanel">
				<Setter.Value>
					<ItemsPanelTemplate>
						<Grid/>
					</ItemsPanelTemplate>
				</Setter.Value>
			</Setter>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="phone:Pivot">
						<Grid HorizontalAlignment="{TemplateBinding HorizontalAlignment}" VerticalAlignment="{TemplateBinding VerticalAlignment}">
							<Grid.RowDefinitions>
								<RowDefinition Height="Auto"/>
								<RowDefinition Height="Auto"/>
								<RowDefinition Height="*"/>
							</Grid.RowDefinitions>
							<Grid Background="{TemplateBinding Background}" Grid.RowSpan="3"/>
							<ContentControl ContentTemplate="{TemplateBinding TitleTemplate}" 
                             Content="{TemplateBinding Title}" HorizontalAlignment="Left" 
                             Margin="24,30,0,-7" Style="{StaticResource PivotTitleStyle}" 
                             Background="White" Opacity="0.5"/>
							<Primitives:PivotHeadersControl x:Name="HeadersListElement" Grid.Row="1"/>
							<ItemsPresenter x:Name="PivotItemPresenter" Margin="{TemplateBinding Padding}" Grid.Row="2"/>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
	
	</phone:PhoneApplicationPage.Resources>
	<phone:PhoneApplicationPage.FontFamily>
		<StaticResource ResourceKey="PhoneFontFamilyNormal"/>
	</phone:PhoneApplicationPage.FontFamily>
	<phone:PhoneApplicationPage.FontSize>
		<StaticResource ResourceKey="PhoneFontSizeNormal"/>
	</phone:PhoneApplicationPage.FontSize>
	<phone:PhoneApplicationPage.Foreground>
		<StaticResource ResourceKey="PhoneForegroundBrush"/>
	</phone:PhoneApplicationPage.Foreground>
<!--LayoutRoot is the root grid where all page content is placed-->
	<Grid x:Name="LayoutRoot" Background="#FF1F1F1F">
		<!--Pivot Control-->
        <phone:Pivot Title="{Binding Path=LocalizedResources.About_Title, Source={StaticResource LocalizedStrings}}" Foreground="White" Style="{StaticResource PivotStyleAbout}" >
			<!--Pivot item one-->
            <phone:PivotItem Header="{Binding Path=LocalizedResources.About_Header, Source={StaticResource LocalizedStrings}}">
				<ScrollViewer>
					<StackPanel Margin="12,0">
						<TextBlock TextWrapping="Wrap" Text="{Binding Path=LocalizedResources.About_Description, Source={StaticResource LocalizedStrings}}" FontSize="28" Foreground="White" Margin="0,0,0,12" HorizontalAlignment="Left" FontFamily="Segoe WP Light"/>
                        <TextBlock TextWrapping="Wrap" Text="{Binding Path=LocalizedResources.About_Bullet1, Source={StaticResource LocalizedStrings}}" FontSize="20" Foreground="White" Margin="0,0,0,12" HorizontalAlignment="Left" FontFamily="Segoe WP Light"/>
                        <TextBlock TextWrapping="Wrap" Text="{Binding Path=LocalizedResources.About_Bullet2, Source={StaticResource LocalizedStrings}}" FontSize="20" Foreground="White" Margin="0,0,0,40" HorizontalAlignment="Left" FontFamily="Segoe WP Light"/>
                        <TextBlock TextWrapping="Wrap" Text="{Binding Path=LocalizedResources.About_Version, Source={StaticResource LocalizedStrings}}" FontSize="20" Foreground="#7FFFFFFF" Margin="0,0,0,12" HorizontalAlignment="Left" FontFamily="Segoe WP Light"/>
                        <TextBlock TextWrapping="Wrap" Text="{Binding Path=LocalizedResources.About_Developed, Source={StaticResource LocalizedStrings}}" Foreground="#7FFFFFFF" Margin="0" HorizontalAlignment="Left" FontFamily="Segoe WP Light"/>
                        <TextBlock TextWrapping="Wrap" Text="{Binding Path=LocalizedResources.About_Indt, Source={StaticResource LocalizedStrings}}" Foreground="#7FFFFFFF" FontSize="20" Margin="0,0,0,24" HorizontalAlignment="Left" FontFamily="Segoe WP"/>
                        <HyperlinkButton Content="{Binding Path=LocalizedResources.About_Website, Source={StaticResource LocalizedStrings}}" Foreground="#7FFFFFFF" BorderThickness="0" FontSize="20" Click="visitWebPage" Margin="-12,0,0,24" HorizontalAlignment="Left" FontFamily="Segoe WP Light"/>
                        <HyperlinkButton Content="{Binding Path=LocalizedResources.About_Facebook, Source={StaticResource LocalizedStrings}}" Foreground="#7FFFFFFF" BorderThickness="21,0,0,0" FontSize="20" Click="joinFacebook" Margin="-12,0,0,24" HorizontalAlignment="Left" FontFamily="Segoe WP Light"/>
					</StackPanel>
				</ScrollViewer>
			</phone:PivotItem>

			<!--Pivot item two-->
		</phone:Pivot>
	</Grid>
    
</phone:PhoneApplicationPage>